<!DOCTYPE html>
<html lang="en">

<head>
    <title>蘑菇街-总有高手帮你挑</title>
    <meta name="keywords" content="买衣服，先逛蘑菇街">
    <meta name="description" content="蘑菇街是女生专属的一站式消费平台。这里有上万个精通购物和穿搭的时尚达人，每天在直播间里推荐当季值得买的时尚好物、限时折扣的品牌商品以及源自工厂的性价比好货。蘑菇街的商品均由平台官方审核供应商资质和品质，让消费者轻松享受变美体验。">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部导航结构 -->
    <div id="top">
        <div class="top-content">
            <div class="top-nav">
                <a href=""><img src="https://s10.mogucdn.com/mlcdn/c45406/181226_5f4j2e62hj1kk9dd49f433b08bfbh_20x20.png" alt=""> 首页</a>
                <a href=""><img src="https://s10.mogucdn.com/mlcdn/c45406/181212_4c5eb9ijbla4a1948fhjiiiag725h_20x20.png" alt=""> 商城</a>
                <a href="">我的订单</a>
                <a href="">关于我们
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/181205_8eg8ea1a3k85c16ai1hl4735kalkf_16x10.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 头部搜索栏结构 -->
    <header>
        <div class="header-content"></div>
    </header>
</body>

</html>